<template>
  <div id="login">
    <!-- 头部区域 -->
    <van-nav-bar :fixed="true" title="黑马头条 - 登录" />
    <!-- 表单区域 -->
    <van-form>
      <van-field v-model="form.mobile" name="mobile" label="手机号码" placeholder="请输入手机号码" />
      <van-field v-model="form.password" type="password" name="password" label="登录密码" placeholder="请输入登录密码" />
      <div style="margin: 16px;">
        <van-button round block type="info" native-type="submit">提交</van-button>
      </div>
    </van-form>
  </div>
</template>

<script>
export default {
  // name 是当前组件的名称（建议为每个组件都指定唯一的 name 名称）
  name: 'Login',
  data () {
    return {
      form: {
        mobile: '',
        password: ''
      }
    }
  }
}
</script>

<style lang="less" scoped>
#login {
  padding-top: 46px;
}
</style>
